
<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">


   <p:dialog id="confirmarCantidad" widgetVar="dlgCantidad"
             rendered="#{not empty catalogoBean.itemCatalogo }"
                  header="Confirmar cantidad"  width="530"
                  closable="false" resizable="false" position="center" modal="true" >

       <div style="width: 500px;">
           
           <div style="float: left; position: relative; width: 100%; padding: 10px;">

               <h:outputText value="#{catalogoBean.itemCatalogo.codigo} - #{catalogoBean.itemCatalogo.descrp}"
                            style="font-size: 14px; font-weight: bold; text-align: center;" />
           </div>

           <div style="float: left; position: relative; width: 100%;">

               <div style="float: left; position: relative; width: 110px; ">

                   <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}#{catalogoBean.itemCatalogo.imgchi}.jpg" width="100" height="100"
                                    rendered="#{not empty catalogoBean.itemCatalogo.imgchi}" />

                    <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}intercap.jpg" width="100" height="100" rendered="#{empty catalogoBean.itemCatalogo.imgchi}"
                                    style="border: 1px solid lightgrey;" />
                    
               </div>

               <div style="float: right;position: relative; width: 380px; ">

                   <div style="float: left; position: relative; width: 100%;">
                        <p:messages showDetail="true" />
                   </div>

                   <div style="float: left; position: relative; width: 140px;  ">

                        <h:outputLabel value="Cantidad: " />
                        <p:inputText id="cantidad" value="#{carritoBean.cantidadPedir}" size="4" label="Cantidad" >                            
                           <f:convertNumber pattern="###" />
                        </p:inputText>
                        <!--
                        <p:spinner id="cantidad" value="#{carritoBean.cantidadPedir}" size="4" min="1" />
                        -->

                   </div>

                   <div style="float: left; position: relative; width: 140px; ">
                        <h:outputText value="Bonificacion %: " rendered="#{usuarioSessionBean.usuario.tipo =='V'}"  />
                        <p:inputText id="bonificacion"
                                   value="#{carritoBean.bonificacion2}" size="3"
                                   rendered="#{usuarioSessionBean.usuario.tipo =='V'}"
                                   label="Bonificacion" >
                            
                            <f:convertNumber pattern="0.00" />
                        </p:inputText>

                        <!--
                        <p:spinner id="bonificacion"
                                   value="#{carritoBean.bonificacion2}" size="3" min="-99" max="0"
                                   rendered="#{usuarioSessionBean.usuario.tipo =='V'}" >

                             <f:convertNumber pattern="0.00" />
                        </p:spinner>
                        -->
                   </div>

               </div>
               
           </div>

           <div style="float: left; position: relative; width: 100%; padding: 10px;" align="center">

                <p:commandButton value="Agregar" icon="ok16" id="btnAceptar"
                             update="@form, :informacionCarrito"
                             action="#{carritoBean.agregarProducto(catalogoBean.itemCatalogo)}"
                             process="@this,cantidad,bonificacion"
                             oncomplete="dlgCantidad.hide();" />

                <p:commandButton value="Cancelar" icon="delete16" onclick="dlgCantidad.hide()" type="button"/>
            </div>

       </div>

        <ui:include src="../template/ajaxStatus-I.xhtml" />
       
   </p:dialog>   

</ui:composition>
